{{template "../public/page_header.html" .}}
{{template "../public/banner.html" .}}
<script type="text/javascript" src="/static/backend/js/jqPaginator.js"></script>
<link rel="stylesheet" href="/static/backend/bootstrap/css/bootstrap.css">
<!-- start 单品 -->
<div class="singleproduct center">
    <div class="main center mb20">
    {{range $key,$value := .productList}}
        <div class="star fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;"
             onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
            <div class="sub_star">
                <a href="item_{{$value.Id}}.html" target="_blank">
                    <img src="{{$value.ProductImg | formatImage}}" alt="{{$value.Title}}"/>
                </a>
            </div>
            <div class="brand"><a href="item_{{$value.Id}}.html" target="_blank">{{$value.Title}}</a></div>
            <div class="product">{{$value.Price}}元</div>
        </div>
    {{end}}
        <div class="clear"></div>
        <div id="pagination" class="pagination fr">
        </div>
    </div>
    <div class="clear"></div>
</div>

<!-- end 单品 -->
<script>
    $(function () {
        $('#pagination').jqPaginator({
            totalPages: {{.totalPages}},
            visiblePages: 10,
            currentPage: {{.page}},
            onPageChange: function (num, type) {
                console.log(num, type)
                if (type == "change") {
                    location.href = "/category_{{.curretProductCate.Id}}.html?page=" + num;
                }
            }
        });
    })
</script>
{{template "../public/page_footer.html" .}}
</body>
</html>